/*CORES
azul-claro: #e4eeef;
azul-escuro: #007cc3
azul-medio: #96aebe
roxo: #798992;
amarelo: #f8c300
vermelho: #a82927
laranja: #e67814;
*/
@import url(http://fonts.googleapis.com/css?family=Puritan);
h1,h2,h3,li,form,ul,p,ol{margin:0;padding:0;}
body{background-color:#FFF;font-family: 'Puritan', sans-serif;font-size:12px;color:#000;_text-align:center;}
html,body{height:100%;margin:0;padding:0;font-family:;}
body.free{background:url(http://webmail.e-chords.com/images/bg_topo.png) top left repeat-x;}
body.barra{margin-top:30px;background-position:0 30px;}
td{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000;vertical-align:top;}
img{border:none;-ms-interpolation-mode:bicubic;}
ol li{list-style-type:decimal;margin-bottom:5px;font-family:Arial,Helvetica,sans-serif;}
h1{color:#798992;font-style:normal;font-size:22px;padding-left:25px;}
a:link,a:visited{color:#007cc3;font-style:normal;}
a:hover{color:#a82927;}
a:active{color:#007cc3;}
.form{font-size:13px;border:1px solid #000;vertical-align:middle;padding:5px;}
.select{font-size:12px;vertical-align:middle;background-color:#e4e3e3;}
.oculto{display:none;_visibility:hidden;}
.barrat{position:absolute;top:0px;_top:-30px;left:0px;background-color:#FFF;line-height:30px; width:100%;}
.btn{cursor:pointer;}
#tabs a{outline:none;}
.topo{background:url(http://webmail.e-chords.com/images/bg_guitar.png) top right no-repeat;position:relative;text-align:right;height:150px;z-index:101;}
.top_nav{padding-top:16px;margin-bottom:13px;font-size:12px;}
.top_nav a{display:inline-block;width:105px;text-align:center;color:#FFF;border-top:2px solid #FFF;margin-left:20px;text-decoration:none;font-style:normal;}
.top_nav a:hover{color:#f8c300;border-color:#f8c300;}
.logo{position:absolute;left:0;margin-top:-20px;}
.signup{position:absolute;left:368px;font-size:16px;color:#FFF;font-weight:bold;margin-top:30px;}
.signup *{vertical-align:middle;}
.search{position:absolute;right:0;width:306px;background:url(http://webmail.e-chords.com/images/bg_search.png) top left no-repeat;}
.s_options{padding-top:8px;padding-bottom:4px;text-align:left;padding-left:12px;}
.s_options img,.nav_opt img.more{margin-left:2px;margin-bottom:-5px;margin-top:5px;}
.nav{margin-top:91px;padding-right:5px;}
.nav_opt{float:left;padding-left:10px;padding-top:4px;font-size:12px;}
.nav_opt li{display:inline;margin:0;padding:0;overflow:hidden;}
.nav_opt a{color:#FFF;margin-right:35px;text-decoration:none;font-style:normal;}
.nav_opt a:hover{color:#f8c300;}
.abc{margin:0;padding:0;}
.abc li{margin:0;padding:0;display:inline;overflow:hidden;}
.abc li a{color:#FFF;margin-left:8px;font-size:16px;text-decoration:none;}
.abc a:hover{color:#f8c300;}
.combao{width:400px;height:373px;background:url(http://webmail.e-chords.com/images/bg_combo.png) top left no-repeat;_background:url(http://webmail.e-chords.com/images/bg_combo_ie.png) top left no-repeat!important;*background:url(http://webmail.e-chords.com/images/bg_combo_ie.png) top left no-repeat!important;position:absolute;top:150px;left:0;z-index:2000;text-align:left;padding-right:48px;visibility:hidden;display:none;}
.combao table{margin-top:15px;margin-left:25px;margin-bottom:10px;}
.combao a{text-align:left;position:relative;}
.combao .lesson{margin-bottom:12px;}
.combao .lesson a h2,.combao .lesson h2 a{font-size:12px;text-align:left;}
.combao .lesson a h3,.combao .lesson h3 a{font-size:11px;text-align:left;}
.small_combo{width:105px;text-align:left;z-index:102;display:none;}
.small_combo .menu{background-color:#dcdddf;}
.small_combo .menu a{margin-bottom:7px;padding-bottom:7px;}
.small_combo img{display:block;margin-top:-3px;}
.cmb{display:inline-block;height:22px;}
#cmbInstruments td p{margin-bottom:35px;font-weight:bold;min-height:50px;}
#cmbInstruments td b{margin-top:10px;font-size:13px;display:block;}
#cmbInstruments td img{float:left;margin-right:12px;}
#cmbTop10 td p{margin-bottom:18px;font-weight:bold;}
#cmbStyles a{display:block;margin-bottom:8px;font-style:normal;white-space:nowrap;}
#cmbTop10 td a,#cmbInstruments td a,#cmbStyles td a{color:#000!important;}
#cmbTop10 td a:hover,#cmbTop10 .numbers a:hover,#cmbInstruments td a:hover,#cmbStyles td a:hover{color:#a82927!important;}
#cmbTop10 span{font-size:24px;color:#000;margin-right:6px;padding:0;text-align:center;width:35px;height:35px;line-height:35px;border:1px solid #007cc3;font-weight:normal;display:inline-block;background-color:#FFF;}
#cmbSearchDiv{position:absolute;top:120px;right:200px;}
#cmbSearchInDiv{position:absolute;top:120px;right:60px;}
.combo_abc{background:url(http://webmail.e-chords.com/images/bg_combo_abc.png) top left no-repeat;width:510px;text-align:center;line-height:35px;position:absolute;top:150px;right:0;z-index:101;display:none;}
.combo_abc a{margin-left:15px;margin-right:15px;color:#000!important;}
.interior{margin:0 auto;padding:0;width:980px;text-align:center;position:relative;}
.miolo{position:relative;padding-left:0px;margin-top:10px;text-align:left;min-height:1750px;}
.lateral{position:absolute;top:0;left:0;width:141px;}
.login,.logado{background-color:#e4eeef;padding:10px;padding-bottom:20px;margin-bottom:10px;}
.login input{display:block;margin-top:2px;margin-bottom:12px;}
.logado img{display:block;margin-top:10px;margin-bottom:5px;}
.hd_free,.hd_premium,.hd_top,.hd_suggested{height:37px;line-height:37px;padding-left:10px;font-size:15px;color:#FFF;border-bottom:2px solid #a82927;}
.hd_free{background:url(http://webmail.e-chords.com/images/hd_free.png) top left;}
.hd_premium{background:url(http://webmail.e-chords.com/images/hd_premium.png) top left;}
.hd_top{background:url(http://webmail.e-chords.com/images/hd_top.png) top left;}
.menu,.list{padding:10px;padding-top:15px;padding-right:0;}
.menu a{display:block;color:#000;font-style:normal;text-decoration:none;padding-bottom:12px;margin-bottom:10px;background:url(http://webmail.e-chords.com/images/bg_menu.png) center bottom no-repeat;}
.menu a:hover{color:#a82927;}
.pos{font-size:12px;padding:1px 5px;background-color:#FFF;color:#96aebe;margin-right:6px;}
.list{background-color:#e4eeef;}
.list a{font-size:11px;display:block;color:#000;font-style:normal;text-decoration:none;margin-bottom:12px;}
.list a:hover{color:#a82927;}
.bloco{text-align:left;margin-top:20px;clear:both;}
.banner{background-color:#e4eeef;padding:10px;position:relative;min-height:90px;margin:20px;z-index:100; margin-left:0px; margin-right:0px;}
.icons{position:absolute;right:20px;top:20px;}
.icons a{display:block;margin-bottom:15px;}
.bloco_banner{padding-right:340px;position:relative;}
.p{padding-left:25px;}
.hd a,.ativo,.op{color:#000;line-height:41px;margin-right:10px;text-decoration:none;width:83px;display:inline-block;text-align:center;background:none;font-style:normal;letter-spacing:.5pt;}
.op{width:auto;text-align:left;font-style:normal;}
.hd a:hover,.ativo{color:#007cc3!important;background:url(http://webmail.e-chords.com/images/aba.png) bottom left no-repeat!important;text-decoration:none!important;}
.ativo{text-decoration:none!important;}
.hd{min-height:41px;padding-left:25px;}
/*.hd_blue{background:url(http://webmail.e-chords.com/images/hd_blue.png) top left no-repeat;}
.hd_blue_medium_extra{background:url(http://webmail.e-chords.com/images/hd_blue_medium_extra.png) top left no-repeat;}
.hd_blue_big{background:url(http://webmail.e-chords.com/images/hd_blue_big.png) top left no-repeat;}
.hd_blue_gigantic{background:url(http://webmail.e-chords.com/images/hd_blue_gigantic.png) top left no-repeat;}
*/
.hd_blue , .hd_blue_medium_extra , .hd_blue_big , .hd_blue_gigantic , .hd_orange_medium , .hd_orange_medium_extra{background:#3daee3}
.hd_orange_medium{background:url(http://webmail.e-chords.com/images/hd_orange_medium.png) top left no-repeat;}
.hd_orange_medium_extra{background:url(http://webmail.e-chords.com/images/hd_orange_medium_extra.png) top left no-repeat;}

.hd_gray , .hd_gray_big , .hd_gray_gigantic , .hd_gray_short{background:#96aebe}
/*.hd_gray{background:url(http://webmail.e-chords.com/images/hd_gray.png) top left no-repeat;}
.hd_gray_big{background:url(http://webmail.e-chords.com/images/hd_gray_big.png) top left no-repeat;}
.hd_gray_gigantic{background:url(http://webmail.e-chords.com/images/hd_gray_gigantic.png) top left no-repeat;}
.hd_gray_short{background:url(http://webmail.e-chords.com/images/hd_gray_short.png) top left no-repeat;width:280px;}*/
h1.r,h1.l{height:40px;line-height:40px;margin-top:13px;margin-bottom:20px; float:none;}
h1.r{background:url(http://webmail.e-chords.com/images/bg_h1_right.png) right top no-repeat;}
h1.l{background:url(http://webmail.e-chords.com/images/bg_h1_left.png) left top no-repeat;}
.lesson{margin:7px;margin-top:0;margin-bottom:20px;text-align:center;position:relative;}
.lesson img{display:block;}
.bt_play,.bt_play_big{opacity:.6;}
.bt_play{position:absolute;top:18px;left:22px;}
.bt_play_small{position:absolute;bottom:12px;left:15px;}
.lesson a h2,.lesson h2 a{font-size:13px;font-style:normal;font-weight:bold;margin-bottom:2px;margin-top:3px;color:#000;text-decoration:none;}
.lesson a h3,.lesson h3 a{font-size:12px;font-style:normal;color:#000;font-weight:normal;text-decoration:none;}
.lesson a:hover h2,.lesson a:hover h3,.lesson h2 a:hover,.lesson h3 a:hover{color:#a82927;}
.bt_play_big{position:absolute;top:30px;left:65px;}
.leg{text-align:center;margin-top:10px;padding:8px;background-color:#e4eeef;font-size:14px;}
.riff{margin-top:13px;margin-left:10px;margin-right:25px;margin-bottom:20px;min-height:80px;position:relative;}
.riff .thumb{float:left;margin-right:20px;}
.riff p{margin-bottom:4px;padding-left:100px;}
.v_banner{position:absolute;top:0;right:0;z-index:99;width:300px;}
.numbers{position:relative;top:-33px;margin-left:130px;margin-bottom:-33px;}
.numbers a{display:inline-block;width:25px;height:25px;line-height:25px;margin-right:12px;color:#000;font-size:18px;text-align:center;font-style:normal;text-decoration:none;outline:none;}
.numbers a{background:url(http://webmail.e-chords.com/images/bg_number_off.png) no-repeat;}
.numbers a:hover,a.wactive{background:url(http://webmail.e-chords.com/images/bg_number_on.png) no-repeat;}
.adv{font-size:16px;background:url(http://webmail.e-chords.com/images/bg_ok.png) top left no-repeat;height:36px;line-height:42px;padding-left:40px;padding-right:15px;padding-bottom:10px;}
.lista{border:1px solid #d7d8d9;margin-bottom:2px;background:url(http://webmail.e-chords.com/images/bg_chord.png) top left repeat-x;background-color:#f1f4f6;padding:2px;font-size:12px;text-align:left;}
.chord{padding:0;min-height:49px;padding-left:65px;position:relative;}
.lista:hover{background:url(http://webmail.e-chords.com/images/bg_chord_on.png) top left repeat-x;background-color:#f7ecec;}
.chord_type{position:absolute;top:10px;left:15px;}
.track{float:left;width:185px;margin-right:10px;padding-top:8px;}
.track h2 a{font-style:normal;font-size:14px;color:#000;text-decoration:none;font-weight:normal;}
.track h3 a{font-size:14px;color:#007cc3;font-weight:normal;}
.col{float:left;margin:0;margin-left:30px;text-align:center;height:33px;background:url(http://webmail.e-chords.com/images/bg_col.png) top left;padding:8px 0;font-style:normal;}
.level{float:left;margin:0;margin-left:25px;font-style:normal;font-size:14px;color:#999;text-align:right;padding-top:12px;}
.level *{vertical-align:baseline;}
.level img{margin-right:10px;}
.tutorial{background:url(http://webmail.e-chords.com/images/bg_tutorial.png) top left repeat-x;height:68px;border:1px solid #d7d8d9;margin-top:15px;margin-bottom:15px;padding:8px 20px;font-size:13px;}
.tutorial h2{font-size:13px;margin-bottom:2px;}
.tutorial p{margin-bottom:2px;}
.detail{font-style:normal;color:#96aebe;font-size:12px;}
.hd_suggested{background:#96aebe}
.login .lesson img{margin:10px;margin-bottom:0;}
.login .lesson{border:1px solid #e4eeef;background-color:#e4eeef;width:114px;padding-bottom:10px;margin-bottom:10px;}
.login .lesson:hover{border:1px solid #96aebe;background-color:#FFF;}
.row_01{background-color:#e4eeef;}
.row_02{background-color:#f2f6f7;}
.black_button{font-size:24px;color:#FFF;text-align:center;width:252px;line-height:35px;height:45px;background:url(http://webmail.e-chords.com/images/bg_bt_black2.png) top right no-repeat;}
.rodape{background:url(http://webmail.e-chords.com/images/bg_rodape.png) top left repeat-x;height:224px;margin-top:20px;position:relative;clear:both;}
.rod_guitar{position:absolute;top:0;left:0;}
.col_rod{margin-top:32px;margin-left:30px;width:135px;float:left;text-align:left;}
.col_rod a{display:block;color:#FFF;margin-bottom:12px;text-decoration:none;font-style:normal;}
.col_rod a:hover{color:#f8c300;}
.search_rod{margin-top:32px;margin-left:35px;width:270px;height:83px;padding-top:20px;background:url(http://webmail.e-chords.com/images/bg_search_bottom.png) top left no-repeat;float:left;position:relative;}
#search_b{border:none;border-color:transparent;background:none;padding:5px;width:150px;color:#666;font-size:14px;position:absolute;top:24px;left:25px;}
#autocompletebox{border:solid 1px #CCC;background-color:#FFF;height:150px;width:215px;overflow:hidden;overflow-y:auto;display:none;position:absolute;margin-top:26px;margin-left:9px;border-top:0;}
#autocomplete{position:relative;padding:2px;padding-left:10px;}
#autocomplete a{display:block;font-family:arial;font-size:8pt;color:#000;text-decoration:none;text-align:left;font-style:normal;}
#autocomplete a:hover{background-color:#d5e2ff;}
.autocompleteover{background-color:#d5e2ff;}
.autocompleteout{background-color:#FFF;}
.chords_extras{padding:25px 120px;}
.chords_extras td{text-align:left;}
.chord_extra h3{margin-bottom:20px;font-size:20px;font-style:normal;}
.chord_extra a{display:block;margin-bottom:6px;text-decoration:none;font-size:11px;}
.chord_extra a img{margin-right:6px;}
.chord_extra a *{vertical-align:middle;}
.faixa{font-style:normal;color:#000;text-decoration:none;}
.tablvcontainer{background:url(http://webmail.e-chords.com/images/bg_comments.png) top left no-repeat;background-color:#FFF;}
.tablv{position:fixed;_position:absolute;width:303px;text-align:left;}
.baloon{width:252px;height:209px;position:relative;}
.inner_baloon{width:100%;height:100%;padding-left:20px;padding-top:15px;background:url(http://webmail.e-chords.com/images/balloon.png) top left no-repeat;}
.inner_baloon a{float:left;margin-right:8px;border:1px solid #000;}
.inner_baloon a:hover{border-color:#a82927;}
.inner_baloon p{margin-left:20px;margin-bottom:7px;text-align:left;}
#st_down{position:absolute;top:-19px;left:0;}
#st_up{position:absolute;top:189px;left:0;}
a.default{color:#007cc3!important;font-style:normal!important;}
a.default:hover{color:#a82927!important;}
a.default:active{color:#007cc3!important;}
.types div{color:#a82927;line-height:20px;font-weight:bold;}
.help{position:absolute;border:solid 1px #111;background-color:#798992;color:#FFF;padding:5;width:200px;font-family:arial;z-index:300;font-size:10pt;}
.addthis_toolbox .two_column{width:256px;padding:10px 0 10px 0px;}
.addthis_toolbox a{font-size:10pt;font-style:normal;}
.addthis_toolbox .two_column a{padding:4px 0 4px 34px;position:relative;width:66px;display:block;text-decoration:none;}
.addthis_toolbox .two_column a:hover{-moz-border-radius:4px;-webkit-border-radius:4px;background:#B4D3F8;text-decoration:none;}
.addthis_toolbox .two_column span{position:absolute;left:14px;top:4px;}
.addthis_toolbox .two_column .top{padding:0 0 6px 0;border-bottom:solid 1px #FFF;margin-bottom:10px;margin:0 20px 10px 20px;}
.addthis_toolbox .two_column .addthis_more{padding:10px 0 0 0;text-align:center;}
.addthis_toolbox .two_column .addthis_more a{padding:4px 0;width:auto;}
.addthis_toolbox .two_column .addthis_more span{display:none;}
.addthis_toolbox .two_column .column1, .addthis_toolbox .two_column .column2{width:120px;float:left;}
.addthis_toolbox .two_column .clear{clear:both;padding:0;display:block;height:0;width:0;}
